@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px;min-width:1200px;margin:0 auto;position:relative;}
.header{width:100%; height:90px;}

.logo{float:left;/*margin-top: 20px;*/}
.language{ float:right; z-index:9999; position:relative; line-height:30px; display:none;}
.language li{ float:left; padding-left:5px;}

.i_nav{float:right; height:90px; z-index:9999; position:absolute; right:0px;}
/*.i_nav li{float:left; display:inline-block;}
.i_nav li > a{ display:block; font-size:16px; height:90px; padding:0 25px; line-height:90px; color:#666; text-align:center;}
.i_nav li > a:hover{ color:#FFF; background:#0473ae;}
.i_nav li > a.on{ color:#FFF; background:#0473ae;}*/

.i_banner_box{position:relative; width:100%; overflow:hidden;    height: 559px;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:100%; height:590px;}
.i_banner li a{display:block; width:100%; height:590px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 15px; width:100px; height:6px; overflow:hidden; background:#FFF;}
.i_banner_p a:hover{ background:#0473ae;}
.i_banner_p a.on{ background:#0473ae;}*/

.i_container{overflow:hidden;}
.i_container *{transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.i_pro01{ padding:70px 0;}
.i_pro01_l{ position:relative; margin:30px auto 0; width:1220px; text-align:center;}
.i_pro01_l li{float:left; display:inline-block; margin:0 10px; width:285px;}
.i_pro01_l li i{ display:block; width:285px; height:211px; overflow:hidden;}
.i_pro01_l li i img{ width:285px; height:211px;}
.i_pro01_l li span{ display:block; width:285px; height:64px; line-height:64px; color:#666; font-size:18px; border-width:0 1px 1px; border-color:#c2c2c2; border-style:solid;}
.i_pro01_l li:hover{ display:block; -webkit-box-shadow:0 1px 4px rgba(3, 75, 113, .4); -moz-box-shadow:0 1px 4px rgba(3, 75, 113, .4); box-shadow:0 1px 4px rgba(3, 75, 113, .4)}
.i_pro01_l li a:hover i img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }
.i_pro01_l li a:hover span{ background:#0473ae; color:#FFF; border-color:#0473ae;}
.i_pro01_lc{width:1220px; overflow:hidden;}


.i_pro02{ padding:40px 0; background:url(../Images/icon02.jpg) no-repeat center bottom #f9f9f9;}
.i_pro02_l{ margin:40px auto 0; width:1220px; text-align:center;}
.i_pro02_l li{float:left; display:inline-block; margin:0 10px 20px; width:285px;}
.i_pro02_l li i{ display:block; width:285px; height:227px; overflow:hidden;}
.i_pro02_l li i img{ width:285px; height:227px;}
.i_pro02_l li span{ display:block; width:283px; height:64px; line-height:64px; color:#666; font-size:18px; background:#FFF; border-width:0 1px 1px; border-color:#c2c2c2; border-style:solid; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*.i_pro02_l li:hover{ display:block; -webkit-box-shadow:0 1px 4px rgba(3, 75, 113, .4); -moz-box-shadow:0 1px 4px rgba(3, 75, 113, .4); box-shadow:0 1px 4px rgba(3, 75, 113, .4)}
*/.i_pro02_l li a:hover i img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }
.i_pro02_l li a:hover span{ background:#0473ae; color:#FFF; border-color:#0473ae;}

.i_about{ padding:70px 0;}
.i_about_c{ margin:40px auto 0; width:1200px; font-size:14px; line-height:24px;}

.footer{/* position:relative; */width:100%;padding:50px 0 10px 0;background:url(../Images/icon03.jpg) no-repeat center bottom #fafafa;color:#FFF;min-width:1200px;z-index:9990;}

.fcontact{float:left; width:580px; padding:0 20px 0 0; text-align:center; color:#666; text-align:left;position: static;}
.fcontact h4{ display:block; font-size:24px; letter-spacing:5px; line-height:40px;}
.fcontact span{ display:block; font-size:14px; line-height:30px; margin-top:10px;}
.fcontact a{display:inline-block; width:37px; height:31px; margin-right:20px; margin-top:15px;}
.fcontact a.fc_qq{ background:url(../Images/icon04.png) no-repeat center center;}
.fcontact a.fc_wx{ background:url(../Images/icon05.png) no-repeat center center;}
.fcontact a.fc_wb{ background:url(../Images/icon06.png) no-repeat center center;}

.footergbook{float:right; width:600px;}
.footergbook h4{ display:block; font-size:24px; letter-spacing:5px; line-height:40px; color:#666;}
.footergbook ul{ margin-top:10px;}
.footergbook li{float:left;}
.footergbook li input{ height:44px; line-height:44px; border:1px solid #aaaaaa; background:transparent; font-family:microsoft yahei; color:#666; font-size:14px; text-indent:10px;}

.footergbook li:nth-child(1){width:250px;}
.footergbook li:nth-child(1) input{width:250px;}

.footergbook li:nth-child(2){width:335px; margin-left:11px;}
.footergbook li:nth-child(2) input{width:335px;}

.footergbook li:nth-child(3){width:600px; margin-top:11px;}
.footergbook li:nth-child(3) textarea{width:578px; height:80px; padding:5px 10px; line-height:25px; border:1px solid #aaaaaa; background:transparent; font-family:microsoft yahei; color:#666;}

.footergbook span{display:block; margin-top:11px;}
.footergbook span input{width:90px; height:38px; cursor:pointer; line-height:38px; color:#FFF; border:1px solid #aaa; background:#0473ae; font-family:microsoft yahei; font-size:14px;}
.footergbook span input:hover{ color:#0473ae; background:#FFF;}

.footer_nav{line-height:30px; margin-top:20px; text-align:center; color:#323334; }

.footer_nav a{ padding:0 10px; color:#323334; font-size:14px; line-height:30px;}

.copyright{ line-height:30px; color:#323334; text-align:center; font-size:14px;}
.jsq{ line-height:30px; color:#323334; text-align:center; font-size:14px;}

.footer a:hover{ color:#008acb;}

/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:300px; overflow:hidden; z-index:1000;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:300px;}
.p_banner li a{display:block; width:100%; height:300px;}*/
.p_banner_box .rol{top:110px;}
.p_banner_box .ror{top:110px;}

.p_container{ position:relative; padding:10px; width:1140px; min-height:500px; margin:0px auto 0; z-index:9000; background:#FFF; -webkit-box-shadow:0 0 30px rgba(0, 0, 0, .3); -moz-box-shadow:0 0 30px rgba(0, 0, 0, .3); box-shadow:0 0 30px rgba(0, 0, 0, .3);  }

.p_left{float:left; width:230px; overflow:hidden;}
.p_right{float:right; width:880px; overflow:hidden;}

.sidebar{}
/*.sidebar .title03{ padding-top:30px;}
.sidebar_l li{ height:50px; line-height:50px; border:1px solid #eeeeee; border-top:0; background:#eef9ff;}
.sidebar_l li a{ display:block; font-size:18px; color:#333333; text-indent:45px;}
.sidebar_l li a:hover{ color:#0473ae; background:url(../Images/icon07.jpg) no-repeat left center;}
.sidebar_l li a.on{ color:#0473ae; background:url(../Images/icon07.jpg) no-repeat left center;}*/

.pl_contact{ margin-top:20px;}
.pl_contact_c{ background:#f6f6f6; padding:15px; color:#666; line-height:30px; font-size:14px; border:1px solid #eeeeee; border-top:0;}

.path{ height:38px; line-height:38px; text-indent:25px; font-size:14px; border-bottom:1px solid #e8e8e8; background:url(../Images/icon08.png) no-repeat left center;}
.path a{ padding:0 10px;}

.p_about{padding:30px 10px; line-height:28px; font-size:14px;}


/* 内页部分结束 */


/*添加样式，控制按钮显示方式*/
.navbar-toggle {
    background: rgba(0, 0, 0, 0) url("http://xysjx010.no1.35nic.com/templates/Images/Images/icon01.png") no-repeat scroll center center / 70% auto;
    border: 2px solid #1b2086;
    border-radius: 0;
    float: right;
    height: 65px;
    width: 65px;
}
.navbar-toggle {
    position: absolute;
    background: rgba(0, 0, 0, 0) url("http://xysjx010.no1.35nic.com/templates/Images/navbtn.png") no-repeat scroll center center / 70% auto;
    border: 2px solid #2b84c8;
    border-radius: 0;
    right: 0;
   height: 55px;
width: 55px;
margin: 15px;}
/*控制默认值为隐藏*/
.navbar-toggle {
    display: none;
}
/*响应式部分开始*/
@media screen and (max-width: 1024px) {/*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox { width: 100%; min-width: inherit; margin: 0 auto;text-align: center;}
.i_pro02_l li {float: left; display: inline-block; margin: 0 6px 20px;width: 32%;}
.footer {width: 100%;min-width: auto;}
.fcontact {margin: 0 auto;/*width: 94%;float:none;*/width: 46%;float: left;padding:0px;}
.footergbook { float: left; /*width: 100%;*/width: 46%;}
#gbookTopic { width: 82% !important;height: 46px !important;margin-bottom: 10px;}
#userMail { width: 82% !important;height: 46px !important;margin-left: auto !important;}
#gbookMain { width: 82% !important;height: 100px !important;}
.i_pro02_l li i {text-align: center;margin: 0 auto;}
.i_pro02_l li span { margin: 0 auto;}
.i_pro02_l li i img {width: 100%;height:auto;}
.i_about_c { width: 96%;}
.i_pro01_l{width:100%;margin: 0 auto;}
.i_pro01_lc{width:900px;}
.i_pro01_lc{width:260px; margin:0 35px;}
.i_pro01_lc li img{width:260px; height:260px;}
.i_pro01_lc li span{ padding:15px 0;}
.projecttitle{ text-indent:10px;}
.projectcon li { width:46%; margin:0 2% 30px 2%;}
.rol02, .ror02{top:90px; z-index:999;}
.rol02{left:22px;}
.ror02{right:40px;}
#Agentslist1 {width: 80% !important;margin-left: 70px;}
.i_pro01_l li { width: 285px !important;}
.p_container {width: 100%;padding-top: 0px;    min-height: auto;}
.p_left { float: none;width: 100%;margin: 0 auto;padding: 10px;}
.pl_contact { display: none;}
.sortnavul li { width: 50%;float: left;overflow: hidden;}
.p_right { float: none;width:100%;overflow: hidden;margin: 0 auto;    padding: 10px;}
.p_p_list {width: 100%;margin: 0 auto;text-align: center;}
.p_p_list li {/*width: 32%;margin: 0 auto;text-align: center;margin-left: 0px;float: none;margin-bottom: 10px;*/float: left;
display: inline-block;
margin: 0 5px 20px;
width: 32%;}
.p_p_list li a {width: 100%;display: block;text-align: center;margin: 0 auto;}
.p_p_list li i { text-align: center;margin: 0 auto;}
.navPage{width:100%;}
.n_n_list li a { width: 70%;}
.n_n_list li {width: 100%;}
.fcontact h4 {font-size: 19px;}
.sortnavul li a {text-indent: 0px;text-align: center;}
.p_p_list li i img { width: 100%;height: auto;}
.nava {padding: 0px 20px;}
.nava:hover,.navactive:hover{padding: 0px 20px;}
.selected,.navactive{padding: 0px 20px;}
.sortnavt { padding: 0px 20px 5px 20px; height: 36px;}
.sortnavul li { height: 26px;line-height: 26px;}
.sortnavul li a {font-size: 12px;}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 980px) {/*当屏幕尺寸小于980px时，应用下面的CSS样式*/
.i_nav{display:none;position:relative;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #006caa;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#fff;}
.ddsmoothmenu ul li  a:hover{color:#006caa;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #006caa;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #006caa;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.i_pro02_l{width: 100%;}
}/*当屏幕尺寸小于980px时，结束应用下面的CSS样式*/

@media screen and (max-width: 800px) { /*当屏幕尺寸小于760px时，应用下面的CSS样式*/
  .i_pro02_l li {width: 30%; margin: 0 12px 20px;}
  .i_pro02_l li i {width: 100%;height: auto;}
  .i_pro02_l li i img {  width: 100%; height: 200px;}
  .i_pro02_l li span {width: 100%;}
  .p_p_list li{width: 30%; }
   .p_p_list li i {width: 100%;height: 160px;}
   .p_p_list li i img {  width: 100%; height: 160px;}
  .p_p_list li span {width: 100%;height: 32px;line-height: 32px;}
  .iconfont.icon-next-copy {font-size: 30px !important;}
  .footer{padding:0px;}
  .sortnavul li {width: 20%;}
 .logo { padding-left: 10px;
}
 }/*当屏幕尺寸小于800px时，结束应用下面的CSS样式*/ 
@media screen and (max-width: 760px) { /*当屏幕尺寸小于760px时，应用下面的CSS样式*/
/*.i_pro01_l{width:680px;}
.i_pro01_lc{width:660px !important;}*/
.i_pro01_lc li{width:290px; margin: 0 65px;}
.i_pro01_lc li img{width:290px; height:290px;}
.rol02, .ror02{top:120px;}
.rol02{left:0px;}
.ror02{right:200px;}
.i_pro02_l li { width: 42%;margin: 0 auto;text-align: center;margin-left: 0px;float: none;margin-bottom: 10px;}
.i_pro02_l li a{width:100%;display:block;text-align: center;margin: 0 auto;}
.rol02 {left: 5px;}
.ror02 {right: 182px;}
.sortnavul li {width: 33.3%;}
.p_v_list li a:hover i img{transform:none; -webkit-transform:none; -moz-transform:none; -o-transform:none; }
}/*当屏幕尺寸小于760px时，结束应用下面的CSS样式*/


@media screen and (max-width: 480px){/*当屏幕尺寸小于480px时，应用下面的CSS样式*/

#Agentslist1{width:100% !important;margin-left: 36px ;}
.i_pro01_lc li{width:320px; margin:0 50px 0 30px;}
.i_pro01_lc li img{width:320px; height:320px;}
.rol02, .ror02{top:160px;}
.rol02{left:-30px;}
.ror02{right:-30px;}
.i_pro02_l li {width: 90%;margin: 0 auto;text-align: center;margin-left: 0px;float: none;margin-bottom: 10px;}
.i_pro02_l li span {margin: 0 auto;}
.i_pro02_l li i { text-align: center;margin: 0 auto;}
 .i_pro02_l li a{width:100%;display:block;text-align: center;margin: 0 auto;}
  .p_p_list li {width: 46%;}
  .i_pro01 {width: 100%;padding: 15px;margin: 0 auto;}
  .fcontact {margin: 0 auto;width: 94%;float:none;padding:0px;}
.footergbook { float: left; width: 100%;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/

.p_p_list li { width: 100%;margin-left: 0px;}
#Agentslist1 { margin-left: 0px;}
.rol02 { left: -10px;}
.rol02, .ror02 { top: 122px;}
.ror02 { right: -12px;}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 360px) {/*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.i_pro_l { width: 260px;}
.rol02 { left: -12px;}
.rol02, .ror02 { top: 80px;}
.ror02 { right: -9px;}
.i_pro01_lc { width: 260px !important;}
.i_pro01_lc  li {margin: 0 50px 0 30px;}
.i_pro01_lc span { padding: 15px 0;}
.i_pro01_l li span {display: block;height: 64px; line-height: 64px;color: #666;font-size: 18px;
    						  border-width: 0 1px 1px;border-color: #c2c2c2;border-style: solid;}
.i_pro01_l li i { display: block; overflow: hidden;}
.i_pro01_l li a:hover span{ background:#0473ae; color:#FFF; border-color:#0473ae; }
.i_pro02_l li { width: 90%;margin: 0 auto;text-align: center;margin-left: 0px;float: none;margin-bottom: 10px;}
.p_p_list li {width: 90%;margin: 0 auto;text-align: center;margin-left: 0px;float: none;margin-bottom: 10px;}
.iconfont.icon-next-copy {font-size: 26px !important;}
#Agentslist1 {width:100% !important;margin-left: -12px;}
.rol02 a { background-size: 15px;}
.ror02 a { background-size: 15px;}
.rol02 a:hover{background-size: 15px;}
.ror02 a:hover{background-size: 15px;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/
textarea#gbookMain {
    margin-top: 10px;
}
@media screen and (max-width: 320px) {/*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.i_pro01 { width: 100%; padding: 0px; margin: 0 auto;}
.rol02 {left: -6px;}
.ror02 { right: -6px;}
}